<link rel="stylesheet" th:href="@{/ace/assets/css/bootstrap-multiselect.min.css}"/>
<link rel="stylesheet" th:href="@{/ace/assets/css/ui.jqgrid.min.css}"/>
<link rel="stylesheet" th:href="@{/third/css/zTreeStyle.css}"/>
<link rel="stylesheet" th:href="@{/third/css/codemirror/codemirror.css}"/>
<link rel="stylesheet" th:href="@{/third/css/codemirror/theme/solarized.css}"/>
<link rel="stylesheet" th:href="@{/third/css/codemirror/addon/hint/show-hint.css}"/>
<style>
    .col-xs-12 {
        padding-right: 3px;
        padding-left: 3px;
    }

    .tr-background-color {
        background-color: #E4EFC9;
    }
</style>
<title>报表管理</title>

<div class="row">
    <div class="col-xs-3">
        <div id="report_widget" class="widget-box widget-color-blue2">
            <div class="widget-header">
                <h4 class="widget-title lighter smaller">报表分类</h4>
                <span class="widget-toolbar">
                   <a href="#" data-action="settings">
                       <i class="ace-icon fa fa-plus-circle white"></i>
                   </a>
                    <a href="#" data-action="reload">
                        <i class="ace-icon fa fa-refresh white"></i>
                    </a>
                    <a href="#" data-action="collapse">
                        <i class="ace-icon fa fa-chevron-up white"></i>
                    </a>
                </span>
            </div>

            <div class="widget-body">
                <div class="widget-main padding-8">
                    <ul id="report_tree" class="ztree"></ul>
                    <ul style="width:100px;display:none;position:absolute;z-index: 999;" id="report_ztree_menu">
                        <li><span class="glyphicon glyphicon-plus"></span>&nbsp;新增</li>
                        <li><span class="glyphicon glyphicon-pencil"></span>&nbsp;修改</li>
                        <li class="red"><span class="glyphicon glyphicon-trash"></span>&nbsp;删除</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-9">
        <table id="report-grid-table"></table>
        <div id="report-grid-pager"></div>
    </div>
</div>

<script type="text/javascript">

    var scripts = [
        '/ace/assets/js/bootstrap-multiselect.min.js',
        '/ace/assets/js/jquery.jqGrid.min.js',
        '/third/js/echarts.min.js',
        '/third/js/vintage.js',
        '/third/js/codemirror/codemirror.js',
        '/third/js/codemirror/sql.js',
        '/third/js/codemirror/addon/hint/sql-hint.js',
        '/third/js/codemirror/addon/hint/show-hint.js',
        '/third/js/jquery.validate.cn.js',
        '/third/js/jquery.ztree.core.min.js',
        '/third/js/jquery.ztree.excheck.min.js',
        '/third/js/jquery.ztree.exedit.min.js',
        '/system/js/plugin/grid.locale-cn.js',
        '/system/js/plugin/grid.locale-cn.js',
        '/system/js/plugin/grid.base.setting.js',
        '/system/js/report/design/report.category.js',
        '/system/js/report/design/report.mate.table.js',
        '/system/js/report/design/report.param.table.js',
        '/system/js/report/design/report.base.design.js',
        '/system/js/report/design/index.js'
    ];
    $('#tabs').ace_ajax('loadScripts', scripts, function () {
        var report = new Report();
        $(function () {
            report.init();
        });
    });

</script>
